@charset "utf-8";
/* CSS Document */

.left{ float:left;}
.right{ float:right;}
.clear{ height:0; clear:both;}
.wrap{ min-width:1220px; background:#fff; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ height:auto; background:#fff; border-bottom:4px solid #009944; position:relative; z-index:9;}
.header .head{ width:1200px; height:100px; margin:0 auto; position:relative;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:100px;}

/*导航样式*/
ul.nav{ display:block; height:56px; z-index:99; float:right;}
ul.nav li{ display:block; text-align:center; padding:0 10px 0 0; float:left; position:relative; z-index:99;}
ul.nav li a{ display:block; min-width:64px; line-height:100px; color:#333; font-size:16px; padding:0 18px; position:relative; z-index:5;}

ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; background:#009f3c;}

ul.nav li.lang{ padding:36px 0 36px 10px;}
ul.nav li.lang a{ width:54px; min-width:0; line-height:26px; padding:0; border:1px solid #333; border-radius:14px;}
ul.nav li.lang.on a,
ul.nav li.lang.cur a{ color:#333; background:none;}
ul.nav li.lang a:hover{ color:#fff; background:#009f3c; border-color:#009f3c;}
/*
ul.nav li p.sub{ display:none; width:108%; background:#f7f7f7; padding:4px 0 0; position:absolute; left:-4%; top:100%; z-index:99;}
ul.nav li p.sub a{ line-height:40px; color:#333; font-size:14px; font-weight:normal; padding:0; border:0;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#009f3c; background:#fff;}
*/

/*banner样式*/
.banner{ width:100%; height:356px; overflow:hidden; position:relative; z-index:1;}
.banner .bd{ position:relative; height:auto; z-index:0;}
.banner .bd ul{ display:block;}
.banner .bd ul li{ display:block;}
.banner .bd ul li a{ display:block; width:100%; height:356px; background-size:cover !important;}
.banner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:20px;}
.banner .hd ul{ display:block; height:12px; text-align:center;}
.banner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 5px; vertical-align:top; cursor:pointer;}
.banner .hd ul li.on{ background:#009f3c;}
 
/*footer样式*/
.footer{ background:#1b1b1b; overflow:hidden; padding:26px 0 0;}
.footer .foot{ width:1200px; margin:0 auto;}
.footer .left{ padding-bottom:28px;}
.footer .left a.logo{ display:block;}
.footer .left a.logo img{ display:block; height:80px;}
.footer .left a.msg{ display:block; width:180px; line-height:38px; color:#fff; font-size:16px; text-align:center; background:#009f3c; border-radius:5px; margin:12px 0 0;}
.footer .left p.share{ display:block; height:30px; padding:38px 0;}
.footer .left p.share a{ display:block; width:30px; height:30px; border-radius:50%; float:left; margin-right:10px;}
.footer .left p.share a.qq{ background:#8d8d8d url(../images/common/f_qq.png) center no-repeat;}
.footer .left p.share a.wx{ background:#8d8d8d url(../images/common/f_wx.png) center no-repeat; position:relative;}
.footer .left p.share a.wx em{ display:none; width:120px; position:absolute; left:50%; bottom:100%; margin-left:-60px; margin-bottom:12px;}
.footer .left p.share a.wx em::before{ content:''; display:block; border:1px solid rgba(0,0,0,0); border-width:8px 8px 0; border-top-color:#fff; position:absolute; left:50%; bottom:0; transform:translate(-50%,100%);}
.footer .left p.share a.wx em img{ display:block; width:120px; box-shadow:0 0 8px 0 rgba(0,0,0,0.4);}
.footer .left p.share a.wx em img{ padding-top:22px; background:#fff;}
.footer .left p.share a.wx em font{ display:block; width:100%; line-height:1; color:#333; font-size:13px; text-align:center; position:absolute; left:0; top:8px;}
.footer .left p.share a.wb{ background:#8d8d8d url(../images/common/f_wb.png) center no-repeat;}
.footer .left p.share a.ins{ background:#8d8d8d url(../images/common/f_ins.png) center no-repeat;}

.footer dl{ display:block; overflow:hidden; float:right; padding-bottom:28px;}
.footer dl dt{ display:block; line-height:54px; color:#fff; font-size:16px; font-weight:bold; overflow:hidden; padding:0 0 24px;}
.footer dl dt a{ display:block; padding:0 1px; border-bottom:2px solid #fff; float:left; text-transform:uppercase;}
.footer dl dd{ display:block; width:212px; line-height:36px; color:#666; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; margin-right:12px;}
.footer dl dd:nth-child(even){ clear:left;}
.footer dl dd a{ color:#666;}
.footer dl dd a:hover{ color:#bbb;}
.footer dl dd.txt{ width:400px;}

.footer .copyright{ line-height:40px; color:#666; font-size:14px; text-align:center; overflow:hidden; padding:12px 0; background:#0f0f0f; clear:both;}
.footer .copyright a{ color:#666;}
.footer .copyright a:hover{ color:#bbb;}

/*返回顶部*/
.backToTop{ display:none; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; position:fixed; _position:absolute; right:16px; bottom:46px; cursor:pointer; opacity:0.8; z-index:998;}

/*主体样式*/
.main{ overflow:hidden; position:relative; margin:0 auto;}
.main::after{ content:''; display:block; height:0; clear:both;}

/*左侧*/
.main ul.menu{ display:block; overflow:hidden; margin:32px -10px 0;}
.main ul.menu li{ display:block; width:25%; float:left;}
.main ul.menu li a{ display:block; line-height:42px; color:#009f3c; font-size:16px; font-weight:bold; text-align:center; border:2px solid #009f3c; margin:8px 10px; padding:0 4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.menu li a:hover,
.main ul.menu li.cur a{ color:#fff; background:#009f3c;}

/*右侧*/
.main .attr{ width:1200px; margin:0 auto;}
.main>.attr{ min-height:320px; margin:0 auto;}
.main h2.title{ display:block; line-height:76px; color:#333; font-size:40px; font-weight:normal; text-align:center; padding:34px 0 0;}
.main h2.title i{ display:block; width:52px; height:4px; background:#009f3c; margin:0 auto;}
.main h3.title{ display:block; line-height:66px; color:#333; font-size:30px; font-weight:normal; text-align:center; padding:48px 0 0;}
.main p.mark{ display:block; line-height:46px; color:#999; font-size:14px; text-align:center; padding:0 0 14px; border-bottom:2px solid #f2f2f2;}
.main .article{ min-height:20em; line-height:36px; color:#333; font-size:16px; padding:40px 0 56px;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

/*文章切换*/
.main .change{ overflow:hidden; padding:28px 2px 88px; border-top:2px solid #f2f2f2;}
.main .change p{ display:block; max-width:48%; line-height:36px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change a{ color:#333;}
.main .change a:hover{ color:#009f3c;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:62px 0 72px;}
.pages a,
.pages span{ display:inline-block; min-width:16px; color:#999; height:24px; line-height:24px; text-align:center; padding:9px 14px; margin:0 8px; border:1px solid #d2d2d2;}
.pages a:hover{ color:#fff; background:#009f3c; border-color:#009f3c;}
.pages span{ color:#fff; background:#009f3c; border-color:#009f3c; cursor:pointer;}
.pages a.num{ display:none;}

.main .contact{ background:#009f3c; overflow:hidden; padding:44px 0;}
.main .contact p{ display:block; line-height:46px; color:#fff; font-size:28px; overflow:hidden; float:right; margin-left:114px;}
.main .contact p:first-child{ float:left; margin-left:0;}
.main .contact p img{ display:block; height:46px; margin-right:20px; float:left;}
.main .hot{ padding:0 0 72px;}
.main .hot .slide{ position:relative; z-index:1; margin:36px 0 0;}
.main .hot .slide .bd{ position:relative; overflow:hidden; height:auto; z-index:0;}
.main .hot .slide .bd .tempWrap{ width:1220px; margin:0 -10px;}
.main .hot .slide .bd ul{ display:block; overflow:hidden;}
.main .hot .slide .bd ul li{ display:block; width:305px; overflow:hidden; float:left;}
.main .hot .slide .bd ul li a{ display:block; border:2px solid #f2f2f2; margin:0 10px; position:relative;}
.main .hot .slide .bd ul li a img{ display:block; width:100%; height:222px;}
.main .hot .slide .bd ul li a span{ display:block; line-height:56px; color:#333; font-size:16px; text-align:center; padding:4px 4px 0; background:#f2f2f2;}
.main .hot .slide .bd ul li a:hover{ border-color:#009f3c;}
.main .hot .slide .bd ul li a:hover span{ color:#fff; background:#009f3c;}
.main .hot .slide a.prev,
.main .hot .slide a.next{ display:block; width:44px; height:44px; position:absolute; top:50%; margin-top:-22px;}
.main .hot .slide a.prev{ background:url(../images/common/prev.png) center top no-repeat; left:-78px;}
.main .hot .slide a.next{ background:url(../images/common/next.png) center top no-repeat; right:-78px;}
.main .hot a.prev:hover,
.main .hot a.next:hover{ background-position:center bottom;}

/*关于我们*/
.main .honor{ background:#f2f2f2; padding:0 0 60px;}
.main .honor h2.title{ margin-bottom:38px;}
.main .honor img{ display:block; max-width:100%; margin:0 auto;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; padding:12px 0 10px; margin:0 -10px;}
.main ul.proList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.proList li a{ display:block; border:2px solid #f2f2f2; margin:20px 10px 0; position:relative;}
.main ul.proList li a img{ display:block; width:100%; height:222px;}
.main ul.proList li a span{ display:block; line-height:56px; color:#333; font-size:16px; text-align:center; padding:4px 4px 0; background:#f2f2f2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.proList li a:hover{ border-color:#009f3c;}
.main ul.proList li a:hover span{ color:#fff; background:#009f3c;}

/*视频列表*/
.main ul.videoList{ display:block; overflow:hidden; padding:24px 0 12px; margin:0 -12px;}
.main ul.videoList li{ display:block; width:33.33%; overflow:hidden; float:left;}
.main ul.videoList li a{ display:block; margin:36px 12px 0; position:relative;}
.main ul.videoList li a em{ display:block; width:100%; height:254px; background:rgba(0,0,0,0.45) url(../images/icons/video.png) center no-repeat; position:absolute; left:0; top:0;}
.main ul.videoList li a img{ display:block; width:100%; height:254px;}
.main ul.videoList li a span{ display:block; line-height:16px; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:26px 0 0;}
.main ul.videoList li a:hover span{ color:#009f3c;}

/*荣誉客户*/
.main ul.cusList{ display:block; overflow:hidden; padding:20px 0 86px; margin:0 -16px;}
.main ul.cusList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.cusList li a{ display:block; overflow:hidden; border:1px solid #dfdfdf; margin:28px 16px 0;}
.main ul.cusList li a img{ display:block; width:100%; height:90px;}

/*新闻列表*/
.main .topNews{ display:block; overflow:hidden; background:#f2f2f2; padding:0 44px 0 0; margin:52px 0 0;}
.main .topNews a.pic{ display:block; overflow:hidden; float:left; margin-right:44px;}
.main .topNews a.pic img{ display:block; width:282px; height:202px;}
.main .topNews a.title{ display:block; line-height:62px; color:#333; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:20px 0 0;}
.main .topNews a.title:hover{ color:#009f3c;}
.main .topNews span{ display:block; line-height:50px; color:#009f3c; font-size:14px; overflow:hidden;}
.main .topNews .txt{ height:56px; line-height:28px; color:#999; font-size:15px; overflow:hidden; padding:4px 0 0;}

.main ul.newsList{ display:block; overflow:hidden; padding:44px 0 0;}
.main ul.newsList li{ display:block; overflow:hidden; border-bottom:1px solid #ebebeb;}
.main ul.newsList li span{ display:block; line-height:64px; color:#666; font-size:16px; float:right; margin-left:48px;}
.main ul.newsList li a{ display:block; line-height:64px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/icons/dot.png) 6px center no-repeat; padding-left:24px;}
.main ul.newsList li a:hover{ color:#009f3c;}

/*联系我们*/
.main .message{ background:#009f3c; overflow:hidden; margin:48px 0 48px;}
.main .message h3{ display:block; line-height:86px; color:#fff; font-size:24px; font-weight:bold; text-align:center; overflow:hidden; padding:20px 0 0;}
.main .message p{ display:block; line-height:44px; color:#fff; font-size:18px; overflow:hidden; padding:7px 32px;}
.main .message form{ display:block; width:50%; background:#f1f1f1; overflow:hidden; float:right;}
.main .message form h3{ color:#009f3c;}
.main .message form label{ display:block; width:120px; color:#666; font-size:16px; text-align:right; float:left; margin-right:18px;}
.main .message form input.text{ display:block; width:316px; height:38px; color:#666; font-size:15px; padding:0 20px; border:0; margin:3px 0; float:left;}
.main .message form textarea{ display:block; width:316px; height:76px; line-height:24px; color:#666; font-size:15px; padding:7px 20px; border:0; margin:3px 0; float:left; resize:none;}
.main .message form input.btn{ display:block; width:184px; height:40px; line-height:16px; color:#fff; font-size:16px; background:#009f3c; padding:12px 0; border:0; border-radius:5px; margin:12px auto 23px; cursor:pointer;}
.main .map{ overflow:hidden; padding:0 0 48px;}

/*案例列表*/
.main ul.caseList{ display:block; overflow:hidden; padding:20px 0 12px; margin:0 -18px;}
.main ul.caseList li{ display:block; width:33.33%; overflow:hidden; float:left;}
.main ul.caseList li a{ display:block; margin:28px 18px 0; position:relative;}
.main ul.caseList li a img{ display:block; width:100%; height:280px;}
.main ul.caseList li a span{ display:block; width:100%; line-height:60px; color:#fff; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;}
.main ul.caseList li a:hover span{ background:rgba(0,159,60,0.7);}

.notice{ width:300px; position:fixed; left:0; bottom:0; margin:12px; z-index:999; box-shadow:0 0 6px rgba(0,0,0,0.32);}
.notice h4{ display:block; line-height:42px; color:#fff; font-size:18px; font-weight:normal; text-align:center; background:#009f3c; position:relative;}
.notice h4 a{ display:block; width:36px; height:36px; background:url(../images/close.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-18px;}
.notice .txt{ min-height:78px; line-height:26px; color:#555; font-size:14px; overflow:hidden; padding:10px 16px 12px; background:#fff; border:0px solid #f2f2f2;}










/**/